<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <style>
    .left {
      float: left;
      width: 200px;
      /* для красоты */
      
      margin: 5px 10px 5px 0;
      text-align: center;
      border: 1px solid black;
      background: white;
    }
    
    .hero {
      background: #D2B48C;
      border: 1px solid red;
    }
    
    .clearfix:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
    }
    
    .clearfix {
      zoom: 1;
    }
  </style>
</head>

<body style="font-size:0.8em">

  <div class="hero clearfix">

    <h2>Винни-Пух</h2>

    <div class="left">
      <img src="https://js.cx/clipart/winnie-mult.jpg" width="200" height="150">
      <div>Кадр из советского мультфильма</div>
    </div>

    <p>Ви́нни-Пу́х (англ. Winnie-the-Pooh) — плюшевый мишка, персонаж повестей и стихов Алана Александра Милна (цикл не имеет общего названия и обычно тоже называется «Винни-Пух», по первой книге).</p>

    <p>Один из самых известных героев детской литературы XX века.</p>
  </div>

</body>

</html>